<!DOCTYPE html>
<html>
<head>
	<title>国际摄影展示博客</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="description" content="">

	<link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/vendor.css">
    <link rel="stylesheet" type="text/css" href="fonts/icomoon/icomoon.css">
    <link rel="stylesheet" type="text/css" href="style.css">

</head>
<body class="bg-black light">

	<div class="preloader">
	<svg>
	  <g>
	    <path d="M 50,100 A 1,1 0 0 1 50,0"/>
	  </g>
	  <g>
	    <path d="M 50,75 A 1,1 0 0 0 50,-25"/>
	  </g>
	  <defs>
	    <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">
	      <stop offset="0%" style="stop-color:#FF56A1;stop-opacity:1" />
	      <stop offset="100%" style="stop-color:#FF9350;stop-opacity:1" />
	    </linearGradient>
	  </defs>
	</svg>
</div>

<div class="nav nav-overlay">
	<div class="nav__content">
		<ul class="nav__list">
			<li class="nav__list-item active-nav"><a href="index.html" class="hover-target">首页</a></li>
			<li class="nav__list-item"><a href="portfolio.html" class="hover-target">作品</a></li>
			<li class="nav__list-item"><a href="styles.html" class="hover-target">风格</a></li>
			<li class="nav__list-item"><a href="blog.html" class="hover-target">博客</a></li>
			<li class="nav__list-item"><a href="single-post.html" class="hover-target">评论</a></li>
			<li class="nav__list-item"><a href="contact.html" class="hover-target">联系</a></li>
		</ul>
	</div>
</div>

	<header id="header">
		<div id="header-wrap">
			<nav id="navbar">
				<div class="main-logo">
					<a href="index.html">摄影</a>
				</div>
				<div class="action-menu">
				  <input id="menu-toggle" type="checkbox" />
					<label class="menu-btn" for="menu-toggle">
					<span></span>
				   </label>
				</div><!--action-menu-->
			</nav>
		</div><!--header-wrap-->
	</header>

<section class="hero-section">
	
	<div class="hero-content padding-large">

		<div class="container">
			<div class="row">
				<div class="col-md-12">			
					<h1 class="page-title">我们的博客</h1>
					<div class="breadcrumbs">
						<span class="item"><a href="index.html">首页 /</a></span>
						<span class="item">我们的博客</span>
					</div>
				</div>
			</div>
		</div>
	</div>

</section>

<section id="latest-blog" class="scrollspy-section padding-large">
	<div class="container">
		
		<div class="row">
			<div class="col-md-12">
				
				<!-- post grid -->
				<div class="post-grid">
					<div class="row">
						
						<div class="col-md-6">
							
							<article class="post-item">

								<figure>
									<a href="#" class="image-hvr-effect">
										<img src="images/girl-camera.jpg" alt="post" class="post-image">			
									</a>
								</figure>

								<div class="post-content">	
									<div class="meta-date">Mar 30, 2023</div>			
								    <h2 class="post-title"><a href="single-post.html">modern vibes bedrooms, todays trending design</a></h2>
								    <p>Lectus molestie id enim ipsum. Netus sed cursus nibh iaculis ipsum turpis nulla blandit dui.</p>
								    <a href="single-post.html" class="btn-read-more">阅读更多</a>
								</div>
							</article>

						</div>

						<div class="col-md-6">

							<article class="post-item">
								<figure>
									<a href="#" class="image-hvr-effect">
										<img src="images/banner2.jpg" alt="post" class="post-image">
									</a>
								</figure>
								<div class="post-content">	
									<div class="meta-date">Mar 29, 2023</div>			
								    <h2 class="post-title"><a href="single-post.html">How to make minimalist living rooms pop-out</a></h2>
								    <p>Lectus molestie id enim ipsum. Netus sed cursus nibh iaculis ipsum turpis nulla blandit dui.</p>
								    <a href="single-post.html" class="btn-read-more">阅读更多</a>
								</div>
							</article>
						</div>

						<div class="col-md-6">
							
							<article class="post-item">

								<figure>
									<a href="#" class="image-hvr-effect">
										<img src="images/largemodel1.jpg" alt="post" class="post-image">			
									</a>
								</figure>

								<div class="post-content">	
									<div class="meta-date">Mar 30, 2023</div>			
								    <h2 class="post-title"><a href="single-post.html">modern vibes bedrooms, todays trending design</a></h2>
								    <p>Lectus molestie id enim ipsum. Netus sed cursus nibh iaculis ipsum turpis nulla blandit dui.</p>
								    <a href="single-post.html" class="btn-read-more">阅读更多</a>
								</div>
							</article>

						</div>

						<div class="col-md-6">

							<article class="post-item">
								<figure>
									<a href="#" class="image-hvr-effect">
										<img src="images/largemodel10.jpg" alt="post" class="post-image">
									</a>
								</figure>
								<div class="post-content">	
									<div class="meta-date">Mar 29, 2023</div>			
								    <h2 class="post-title"><a href="single-post.html">How to make minimalist living rooms pop-out</a></h2>
								    <p>Lectus molestie id enim ipsum. Netus sed cursus nibh iaculis ipsum turpis nulla blandit dui.</p>
								    <a href="single-post.html" class="btn-read-more">阅读更多</a>
								</div>
							</article>
						</div>

						<div class="col-md-6">
							<article class="post-item">
								<figure>
									<a href="#" class="image-hvr-effect">
										<img src="images/model23.jpg" alt="post" class="post-image">
									</a>
								</figure>
								<div class="post-content">		
									<div class="meta-date">Mar 27, 2023</div>			
								    <h2 class="post-title"><a href="single-post.html">how to make your resort that looks outstanding</a></h2>
								    <p>Lectus molestie id enim ipsum. Netus sed cursus nibh iaculis ipsum turpis nulla blandit dui.</p>
								    <a href="single-post.html" class="btn-read-more">阅读更多</a>
								</div>
							</article>
						</div>

					</div>
				</div>
				<!-- / post grid -->

			</div>

		</div>

	</div>
</section>

<footer id="footer" class="bg-black light padding-xlarge" style="background-image: url(images/photography.jpg);background-position: right;background-repeat: no-repeat;">
			
			<div class="container">
				<div class="row">
				
					<div class="contact-information mt-4 d-flex">
				
				<div class="contact-detail col-md-6">
					
					<div class="detail mr-6 mb-4">
						<ul class="list-unstyled colored-grey text-large">
							<li>中国 陕西省 汉中市</li>
							<li>+86 18391636123 / +1 561-334-0580</li>
							<!-- <li><a href="mailto:info@yourcompany.com" class="colored">info@yourcompany.com</a></li> -->
							<li>© 2024 摄影 版权所有</li>
							<!-- <li><a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a></li> -->
						</ul>
					</div><!--detail-->
					
				</div><!--contact-detail-->

				<div class="col-md-6 p-0">
					<div class="container">
						<div class="row">
							<h3>快速联系</h2>
							<form action="contact.php" class="contact-form d-flex flex-wrap mt-4">
								<input type="text" name="name" placeholder="用户名" class="name mb-3" required>
								<input type="text" name="E-mail/Phone Number" placeholder="邮箱/手机号码" class="mb-3" required>
								<textarea placeholder="内容" style="height: 150px;" required></textarea>
								
								<div class="pix_btn btn-click text-center mt-5">
									<button type="submit" href="#" class="btn btn-pill btn-large btn-outline-light mr-3" data-hover="click"><span>发送消息</span> 
									<i class="icon icon-paper-plane"></i></button>
								</div>
							</form>
						</div>
					</div>
				</div>	<!--col-md-6-->		

			</div><!--contact-information-->
				</div>
			</div>
		</footer>
		
	</div><!---main-wrapper--->

<script src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/script.js"></script>

</body>
</html>